<template>
  <div class="header">
    <van-row class="bacc">
      <van-col span="4" style="overflow: hidden">
        <img class="icon" src="../assets/icon.png" />
      </van-col>
      <van-col span="15">
        <van-search
          class="index_header_search bacc"
          v-model="search"
          shape="round"
          placeholder="请输入搜索关键字"
          maxlength="50"
        ></van-search>
      </van-col>
      <van-col span="5">
        <div class="searchBtn">搜索</div>
      </van-col>
    </van-row>
  </div>
</template>
<script>
export default {
    data(){
        return{
             search: '',
        }
    },
    methods:{
		onSearchHeader(){
			this.$router.push({
				path:'/search'
			})
		}
	}
}
</script>
<style>
.header .icon{
    width:45px;
    display: inline-block;
    margin:4px 0 0 13px;
}
.header .index_header_search{
  padding: 10px 0 10px 0;
}
.header .searchBtn{
    margin: 12px 10px 5px 4px;
    text-align: center;
    font-size: 18px;
    font-weight: 900;
    padding-left:4px;
    padding-right: 4px;
}
/* 头部背景颜色 */
/* 统一样式 rgb(123, 183, 253) */
.header .bacc{
  background-color: rgb(123, 183, 253);
}
</style>